<!DOCTYPE html>
<html lang="zh-CN" style="position: relative;">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>
    <link href="./../lib/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="./../css/publicheader.css">
    <link rel="stylesheet" href="./../css/screen.css">
    <link rel="stylesheet" href="./../css/base.css">
    <link rel="stylesheet" href="./../css/publicfooter.css">
    <!-- [if lt IE 9]>
      <script src="./lib/html5shiv/html5shiv-printshiv.min.js></script>
      <script src="./lib/respond/respond.js"></script>
    <![endif] -->
</head>

<body>
    <!-- 遮罩层 -->
    <div class="shade">
        <img src="./../images/等待gif/index.vortex-spiral-spinner.gif" alt="">
    </div>
    <!-- 头部 -->
    <div class="header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-10 leftlogo">
                    <a href="javascript:;"></a>
                </div>
                <div class="col-xs-2 rightapp">
                    <a href="javascript:;"></a>
                </div>
            </div>
        </div>
    </div>
    <!-- 搜索栏 -->
    <div class="search">
        <div class="lefttext">
            <input type="search" placeholder="请输入你想比价的商品">
            <button>搜索</button>
        </div>

    </div>
    <!-- 筛选栏 -->
    <div class="screenBOx">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-10 leftScreen">
                    <a href="./../index.html">
                        <span>首页</span>
                        <span>></span>
                    </a>
                    <a href="./../page/category.html">
                        <span>全部分类</span>
                        <span>></span>
                    </a>
                   
                </div>
                <span class="tipes" style="display: none;position: absolute;right: 80px;top: 102px;font-size: 15px;color: #000;">数据没返回请刷新</span>
                <div class="col-xs-2 rightScreen">
                    <button>筛选</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 列表内容 -->
    <div class="screenMain">
        <div class="container">
            <div class="row screentext">
                
            </div>
        </div>
    </div>
    <!-- 页码 -->
    <div class="btn-page">
        <div class="btn-group">
            <button type="button" class="btn btn-primary screenprev" data-toggle="button" aria-pressed="false" autocomplete="off">
                上一页 
            </button>
            <div class="pagebtn">
                
            </div>
            
            <button type="button" class="btn btn-primary screennext" data-toggle="button" aria-pressed="false" autocomplete="off">
                下一页
            </button>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="container-fluid">
            <div class="row">
                <ul class="footerList">
                    <li class="col-xs-4">
                        <a href="javascript:;">
                            登录
                        </a>
                    </li>
                    <li class="col-xs-4">
                        <a href="javascript:;">
                            注册
                        </a>
                    </li>
                    <li class="col-xs-4">
                        <a href="javascript:;">
                            <span class="glyphicon glyphicon-arrow-up"></span>
                            返回顶部
                        </a>
                    </li>
                </ul>
                <p>
                    <a href="javascript:;">
                        <span>
                            手机app下载
                        </span>
                    </a>&nbsp;&nbsp;&nbsp;
                    <a href="javascript:;">
                        <span>
                            慢慢手机版下载
                        </span>
                        <span>
                            --掌上比价平台
                        </span>
                    </a>
                </p>
                <p>m.manmanbuy.com</p>
            </div>
        </div>
    </div>
    <!-- 搜索栏动态生成 -->
    <script type="text/template" id="screentop">
            <a href="javascript:;">
                <span><%=result[0].category%></span>
                <span>></span>
            </a>            
    </script>
    <!-- 列表动态生成 -->
    <script type="text/template" id="screenbody">
        <%for(var i=0;i<item.result.length;i++){%>
            <div class="media col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="media-left">
                        <a href="./details.html?productId=<%=item.result[i].productId%>">
                            <%=#item.result[i].productImg%>
                        </a>
                    </div>
                    <div class="media-body">
                        <a href="./details.html?productId=<%=item.result[i].productId%>">
                            <p class="media-heading"><%=#item.result[i].productName%></p>
                            <p><%=#item.result[i].productPrice%></p>
                            <p><%=#item.result[i].productQuote%>&nbsp;&nbsp;&nbsp; <%=#item.result[i].productCom%></p>
                        </a>
                    </div>
            </div>
        <%}%>
        
    </script>
    <!-- 页数框动态生成 -->
    <script type="text/template" id="screenpage">
            <button type="button" class="btn btn-default dropdown-toggle screenpage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <%=pageid%>/<%=totalpage%>
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <%for(var j=0;j<totalpage;j++){%>
                    <li>
                        <a href="javascript:;"><%=j+1%></a>
                    </li>
                <%}%>
                <!-- <li>
                    <a href="#">1</a>
                </li>
                <li>
                    <a href="#">2</a>
                </li>
                <li>
                    <a href="#">3</a>
                </li>
                <li>
                    <a href="#">4</a>
                </li> -->
            </ul>
    </script>
    <script src="./../lib/jquery/jquery.js"></script>
    <script src="./../lib/bootstrap/js/bootstrap.js"></script>
    <script src="./../zepto1/src/zepto.min.js"></script>
    <script src="./../zepto1/src/fx.js"></script>
    <script src="./../zepto1/src/touch.js"></script>
    <script src="./../js/template-native.js"></script>
    <script src="./../js/screen.js"></script>
    <script src="./../js/backtop.js"></script>
</body>

</html>